<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class="no-js">
<head>
<meta charset="utf-8" />
<title>Opinion That Counts - Movies</title>
<link rel="stylesheet" media="all" href="../../css/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<%@ include file="../Common/Header.jsp"%>
<script>
	function creatediv(id, divClass, elementId, divinnertHtml) {
		var newdiv = document.createElement('div');
		newdiv.setAttribute('id', id);
		newdiv.setAttribute('class', divClass);
		newdiv.innerHTML = divinnertHtml;
		document.getElementById(elementId).appendChild(newdiv);
	}

	function createarticle(i) {
		var newarticle = document.createElement('article');
		newarticle.setAttribute('class', 'format-standard');
		newarticle.setAttribute('id', 'post-article' + i);
		document.getElementById("posts-list").appendChild(newarticle);
	}

	function main(i) {
		createarticle(i);
		creatediv(
				'post-image',
				'feature-image',
				'post-article' + i,
				'<a href=\"../../single.jsp\"> <img src=\"../../img/movies/hollywood/thor_the_dark_world-wide.jpg\"alt=\"Alt text\" /></a>');
		creatediv('post-data' + i, 'box cf', 'post-article' + i, '');
		creatediv('post-date', 'entry-date', 'post-data' + i,
				'<div class="number">' + i
						+ '</div><div class="month">JAN</div>');
		creatediv(
				'post-heading',
				'excerpt',
				'post-data' + i,
				'<a href="single.jsp" class="post-heading">THOR-THE DARK WORLD</a><p>Post by one of the writers of Opinion That Counts.</p><p><a href="single.jsp" class="learnmore">Learn More</a></p>');
		creatediv(
				'post-meta',
				'meta',
				'post-data' + i,
				'<span class="format">Post</span> <span class="user"><ahref="#">By SauravAgarwal, </a></span> <span class="comments">16 comments</span><span class="like-dislike">156 likes,6 dislikes</span> <span class="ratings">Overall Rating 7.5/10</span> ');
	}
	function test() {
		for (i = 0; i < 5; i++) {
			main(i);
		}
	}
</script>
<script>
	$(document).ready(function() {
		$("#home").addClass("current-menu-item");
	});
</script>

</head>
<body class="blog" onload="test();">

	<!-- MAIN -->
	<div id="main">
		<div class="wrapper cf" id="wrapper">

			<!-- posts list -->
			<div id="posts-list" class="cf"></div>
			<!-- ENDS WRAPPER -->
			<%@ include file="../Common/Sidebar.jsp"%>

		</div>
	</div>
	<!-- ENDS MAIN -->

	<%@ include file="../Common/Footer.jsp"%>
</body>
</html>